<template>
  <div >
    <div>
      <t-space direction="vertical" size="small" class="t-progress-domo-width">
        <div class="t-progress-domo-margin">默认样式</div>
        <t-progress theme="plump" :percentage="0" />
        <div class="t-progress-domo-margin">进度0-10%时数字数字位置出现在目前进度的右边区域</div>
        <t-progress theme="plump" :percentage="25" />
      </t-space>
    </div>
    <div>
      <h2>进度step</h2>
      <t-header>
        <t-steps :default-current="1">
          <t-step-item title="申请" />
          <t-step-item title="审批" />
          <t-step-item title="配置" />
          <t-step-item title="下载" />
        </t-steps>
      </t-header>
    </div>
  </div>
</template>

<style scoped>
.t-progress-domo-width {
  width: 100%;
}

h3 {
  margin: 24px 0;
}

div > .t-progress-domo-margin:first-child {
  margin-top: 0;
}

.t-progress-domo-margin {
  margin: 16px 0 4px;
}
</style>